﻿@model dynamic

<div id="sampleDialog" title="Employee Tests">
</div>
<center>
<ul><h1>Cookin 101</h1>
    <br />
    <li>
        <label for="Question">1) </label><input type="text" id="Question" name="Question" />
    </>
    <li>
        <label for="AnswerOptionA">A) </label><input type="text" id="AnswerOptionA" name="AnswerOptionA" />
    </li>
    <li>
        <label for="AnswerOptionB">B) </label><input type="text" id="AnswerOptionB" name="AnswerOptionB" />
    </li>
    <li>
        <label for="AnswerOptionC">C) </label><input type="text" id="AnswerOptionC" name="AnswerOptionC" />
    </li>
    <li><label for="AnswerOptionD">D) </label><input type="text" id="AnswerOptionD" name="AnswerOptionD"/>
    </li>       
    <button id="NextQuestionButton" class="ui-button">Next Question</button>
    <button id="PeviousQuestionButton" class="ui-button">Previous Question</button>
    </li>
    <li>
    <button id="FinishButton" class="ui-button">Finish Test</button>
    </li>
</ul>
    </center>
@section styles {

    <link href="@Url.Content("~/Content/css/sample.css")" rel="stylesheet" type="text/css" />
}
@section scripts {
    
    <script src="@Url.Content("~/js/EmployeeTests.js")"></script>
}